<script setup lang="ts">
//简单的数据如何变成响应式
import { ref } from "vue";
//ref返回一个对象，所包含的简单类型数据保存在value中
const text = ref('撒大苏打')
const text2 = ref('<h1>我是标签</h1> <input type="color" />')
const str3 = ref('<a href="http://www.bilibili.com">Bilibili</a>')

</script>
<template>
    <!-- v-text只能解析文字 -->
    <div>{{ text }}</div>
    <div v-text="text"></div>
    <!-- 解析标签 -->
     <div v-html="text2"></div>
    <div v-html="str3"></div>
</template>

